<template>
    <el-row :gutter="20" class="SecondRow-container">
        <el-col :span="12">
            <div class="card-item">
                <lineChart/>
            </div>
        </el-col>
        <el-col :span="12">
            <div class="card-item">
                <ringChart/>
            </div>
        </el-col>
    </el-row>
</template>


<style lang="scss" scoped>
.SecondRow-container{
  .card-item{
    border-radius: 8px;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    display: flex;
    flex-direction: row;
    overflow: hidden;
  }
}
</style>
